/**
 * Theme Name: RT-Theme 10 Child
 * Description: RT-Theme 10 Child Theme
 * Theme URI: https://labs.ahmadawais.com/_child/
 * Author: mrahmadawais, WPTie
 * Author URI: http://ahmadawais.com/
 * Template: theme
 * Version: 1.0.0
 * @package aa
 */

/* ----------------------------------------------------------------------------
 * Child Theme Style.css styles begin here!
 * ------------------------------------------------------------------------- */



 /*markus styles*/

#open_menu{display: none; position: fixed; z-index: 1001;  top: 20px; right: 12px; background: url(img/closed.png); background-size: cover;
 width: 40px; height: 40px; cursor: pointer;}
#open_menu.opened{background: url(img/opened.png); background-size: cover;}
#open_menu_overlay{display: none; width: 100vw; height: 100vh; position: fixed; z-index: 999; }
.one_block{ border-top: 1px solid #DDDDDD; }
/*.content.sub img{    border: 1px solid #dddddd; box-shadow: 0 0 30px 0px #e8e8e8;}*/
.top_slogan .textwidget{font-size: 18px; color:black; line-height: 30px;}
.img_caption_section  .wcp-caption-plugin {text-align: center;}
.img_caption_section .wcp-caption-plugin .image-caption-box {display: inline-block; width: initial; margin: 0 auto; max-height: 301px;
    box-shadow: 1px 1px 10px 0px #656565;}
.captiontext {background: rgba(0, 0, 0, 0.78) !important; transition:  0.5s !important; }
.captiontext h2{color:white !important ;}
.vc_img-placeholder{display: none;}

/*.sub.content li{background: none;}*/
.page_id_1668 .flex-control-nav.flex-control-paging {display: none;}
.page_id_1668 .flexslider {margin: 0; }
.page_id_1668 .tv_wrapper{min-height: 900px;}
.page_id_1668 .tv_wrapper .flex-direction-nav li, .page_id_1668 .tv_wrapper .flex-direction-nav, ul.slides {border: none !important;}

.flex-direction-nav a{ top: 0 !important; height: calc( 100% - 200px) !important; margin: 0 !important; padding: 200px 10px 0 10px;}
.flexslider:hover .flex-next{right: 0 !important;}
.flexslider:hover .flex-prev{left: 0 !important;}


.flexslider .slides img{height: auto;}
.featured_img {margin: 10px auto 30px auto;}
.featured_img img{max-width: 100%; height: auto;}
.recent_post_main{display: inline-block; width: 29%; margin: 2% !important; text-align: center; vertical-align: top; background: none !important;}
.recent_post_main a{display: block; text-align: center; text-decoration: none !important;}
.recent_post_main h3{ margin-top: 20px;}
.recent_post_main .text{text-align: justify;}
.recent_post_main .green_btn{ display: inline-block !important; border-radius: 4px; color: #7EB333; padding: 5px 25px;  
    margin: 10px auto;}
#text-6{list-style: none;}
.flexslider_slide img{box-shadow: none !important;}

/*#footer{min-height: 50px; background: #efefef ;}*/

html{
    height: 100%;
}
.tv_template {
    position: relative;
    padding-bottom: 80px;
    min-height: calc(100% - 80px);
}
.tv_template #footer{
    position: absolute;
    bottom: 0;
    width: 100%
}
.box.side {
    background: #fff;
}
#mega-menu-wrap-rt-theme-left-navigation #mega-menu-rt-theme-left-navigation {
    float: right;
}
.recent_post_main a img {
    width: 100% !important;
    height: 100% !important;
}
#mega-menu-wrap-rt-theme-left-navigation .mega-menu-toggle .mega-toggle-block-1:before {
    font-size: 40px !important;
}
#logo .png {
    width: 320px !important;
}
.box.side {
    margin: 0;
}
.box.blog {
    width: 30% !important;
    margin: 0 10px 20px 10px;
    clear: inherit;
}
.box.blog h3 {
    height: 56px;
}
img.aligncenter {
    width: 100% !important;
}
#box_blog {
    width: 94% !important;
}




@media (max-width: 992px) {
	body{min-width: 303px; overflow-x: auto;}
    .content, #footer .footer_con, #header, #container3, .sidebar, #slider, .slider_shadow, .box.single, .box.small, .content.sub, .box.blog {
        width: 100%; margin-left:0; margin-right: 0; box-sizing: border-box; padding: 0px 5px;} 
    #header_right {width: calc(100vw - 250px);}
    #header{padding-top: 10px;}
    #footer .footer_con{box-sizing: border-box; height: initial; padding:20px 15px; background-size: cover !important;}
    #footer{min-height: initial;}
    .sidebar {margin: 20px 0; }  
    img{max-width: 100%;}
    #menu-item-1821 ul{     width: calc(100vw - 37px);}
    ul#menu li {display: inline-block; width: 33%; }
    #menu-item-73 {width: 100% !important;}
    ul#menu li a{background-size: 100% 100% !important;}
    ul#menu li a:hover{background-size: 100% 100% !important;}
    .box.side {width: 100%; box-sizing: border-box; background: white;}
    .navigation, #container2{background: none;}
    #container1 {    background: #fff url(https://www.vckoppardalen.se/wp-content/images/5/background_repeat.png) 0 -50% repeat-x !important;  background-size: 100% 70% !important;}
	ul#menu li ul li a:hover, ul#menu li ul li.current-menu-item a, ul#menu li ul li ul li.current-menu-item ul li:hover{
		background:none;
	}

    ul#menu li ul li a, ul#menu li.current-menu-item ul li a, ul#menu li.current-menu-ancestor li > a, ul#menu li.current-menu-parent li> a {
        border-top: 1px solid #dddddd;}
    .content.sub .paging {text-align: center;}
    .content.sub .paging li {margin-bottom: 5px;  float: none; display: inline-block;}

} /*end @media */


@media (max-width: 768px) {
    /*#open_menu{display: block; }*/
    .navigation{display: inline-block; position: fixed; top:0; left:-100%; z-index: 1000; transition: .5s; width: 240px; 
        height: 100%; max-height: 100%; overflow:auto; background: #efefef;}
    .navigation.opened {left:0;}
    ul#menu li {width: 100%; }
    #header{padding-top: 20px;}
    .search_bar{position: relative; right: 60px; display: inline-block;}
    .img_caption_section .wcp-caption-plugin .image-caption-box {max-height: initial;}
    /*.wpb_single_image.vc_align_left{text-align: center;}*/
    .page_id_1668 .slides {padding: 0 36px !important; border-top:  none !important ;}
    .page_id_1668 .flexslider{box-shadow: none !important ;}
    .recent_post_main {width: 45%;}
/*    .page_id_1668 .flexslider .content.sub ul {}*/


} /*end @media */

@media (max-width: 520px) {
    .box.blog {
    width: 94% !important;}
    #logo{float: none; display: block; width: 100%; text-align: center; margin: 0;}
    #header_right{float: none; display: block; width: 100%; text-align: center;}
    .search_bar {float: none; right: -15px; margin-top: 10px;}
    .top_slogan {margin: 10px 0 0 0;}
    .top_slogan,  .top_slogan h4{text-align: center;}
    #footer .footer_con{text-align: center;}
    #footer .part1, #footer .part2, .part2 ul li{float:none;margin: 5px 0;}
    .part2 ul li{border: none;}
    .recent_post_main {width: 100%;}



} /*end @media */

/* Öka width på container och content i tv_template */

.tv_template #container3 {
	width: 80%; 
	margin: 0 auto;
}
.tv_template .content.sub {
	margin-left: -8px;
}
.tv-custom {
	width: 100% !important;
}
.tv-custom .flex-viewport {
	max-height: none;
}
.tv_template p {
	overflow-x: hidden;
}